<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
<!DOCTYPE html>
<html lang="es">
  <head>
    <title>Videomatón</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <jsp:include page="home/head_styles.jsp"/>
  </head>
  <body>
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#">Videomatón</a>
<!--           <div class="nav-collapse collapse"> -->
<!--             <ul class="nav"> -->
<!--               <li class="active"><a href="#">Home</a></li> -->
<!--               <li><a href="#about">About</a></li> -->
<!--               <li><a href="#contact">Contact</a></li> -->
<!--               <li class="dropdown"> -->
<!--                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> -->
<!--                 <ul class="dropdown-menu"> -->
<!--                   <li><a href="#">Action</a></li> -->
<!--                   <li><a href="#">Another action</a></li> -->
<!--                   <li><a href="#">Something else here</a></li> -->
<!--                   <li class="divider"></li> -->
<!--                   <li class="nav-header">Nav header</li> -->
<!--                   <li><a href="#">Separated link</a></li> -->
<!--                   <li><a href="#">One more separated link</a></li> -->
<!--                 </ul> -->
<!--               </li> -->
<!--             </ul> -->
<!--             <form class="navbar-form pull-right"> -->
<!--               <input class="span2" type="text" placeholder="Email"> -->
<!--               <input class="span2" type="password" placeholder="Password"> -->
<!--               <button type="submit" class="btn">Sign in</button> -->
<!--             </form> -->
<!--           </div>/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container">

      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
      	<video autoplay></video>
      	<audio controls autoplay></audio>
<!--       	<p><a href="#" class="btn btn-primary btn-large" onclick="VM.initCamera(); return false;">Start video</a></p> -->
<!--       	<p><a href="#" class="btn btn-primary btn-large" onclick="VM.record(); return false;">Record</a></p> -->
<!--       	<p><a href="#" class="btn btn-primary btn-large" onclick="VM.stop(); return false;">Stop</a></p> -->
      	<p><a href="#" class="btn btn-primary btn-large" onclick="VM.addTime(); return false;">Add Time</a></p>
      	<p id="counter"></p>
      	<p id="warning"></p>
      </div>

      <hr>

      <footer>
        <p>&copy; Waltrapas 2013</p>
      </footer>

    </div> <!-- /container -->
    
    
    <jsp:include page="home/load_scripts.jsp"/>
  </body>
</html>